<apes-header></apes-header>
<apes-content>
  <apes-card [apesBordered]="false">
    <h1>钣喷车辆详情</h1>
    <div class="box">
      <!-- 车辆信息 -->
      <div *ngFor="let table of reportList">
        <h2>{{ table.headerTop }}</h2>
        <table class="box-table">
          <tr class="box-tr" *ngFor="let body of table.bodyData">
            <td class="box-th">{{ body.lable}}</td>
            <td class="box-td">
              <span *ngIf=" 'SPMC' !== body['feild'] ">{{ bodyData[body["feild"]] }}</span>
              <ul *ngIf=" 'SPMC' === body['feild'] ">
                <li *ngFor="">{{ bodyData["SPMC"] }}</li>
              </ul>
            </td>
          </tr>
        </table>
      </div>
      <!-- 施工进度信息 -->
      <div>
        <table class="box-tab">
          <tbody>
          <tr>
            <td class="box-the" *ngFor="let body of footData">{{ body.lable }}</td>
          </tr>
          <tr *ngFor="let table of footList">
            <td class="box-tdl" *ngFor="let body of footData">{{ table[body["feild"]] }}</td>
          </tr>
          </tbody>
        </table>
      </div>
      <!-- 内返处理 -->
      <div>
        <h2>内返处理</h2>
        <table class="box-tab">
          <thead>
          <tr>
            <td class="box-the" *ngFor="let body of nfxxData">{{ body.lable }}</td>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let table of nfxxList">
            <td class="box-tdl" *ngFor="let body of nfxxData">{{ table[body["feild"]] }}</td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </apes-card>
</apes-content>
